﻿@import "common";


/* Media
   Styling for embedded media like videos.
***************************************************************/

// Embedding media (e.g. YouTube videos, GoogleMaps maps) in a responsive way. Taken from http://embedresponsively.com.
.embed-container
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;

    iframe, object, embed
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
